@media screen and (max-width: 1920px) {
  html {
    font-size: 192px;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 102.4px;
  }
}

body {
  background-color: #f5f5f5;
}

.w {
  width: 8.3097rem  /* 1229/147.9 */;
  margin: 0 auto;
}

.g-topbar {
  height: 0.879rem  /* 130/147.9 */;

  .m-topbar {
    position: relative;
    height: 0.5882rem  /* 87/147.9 */;
    background-color: #282828;

    h3 {
      left: 1.4537rem  /* 215/147.9 */;
      top: 0.1352rem  /* 20/147.9 */;
      position: absolute;
      display: inline-block;
      height: 0.2366rem  /* 35/147.9 */;
      width: 1.0818rem  /* 160/147.9 */;

      a {
        display: inline-block;
        height: 0.2366rem  /* 35/147.9 */;
        width: 1.0818rem  /* 160/147.9 */;
        background: url("../img/topbar.png") no-repeat -0 -19px;
      }
    }

    ul {
      position: absolute;
      height: 100%;
      left: 2.7045rem  /* 400/147.9 */;

      li {
        float: left;
        height: 100%;

        a {
          text-align: center;
          line-height: 0.4733rem  /* 70/147.9 */;
          color: #fff;
          font-size: 14px;
          display: inline-block;
          height: 100%;
          padding: 0 0.1623rem  /* 24/147.9 */;

          &:hover {
            background-color: #000000;
          }
        }
      }
    }

    .search {
      height: 0.2164rem  /* 32/147.9 */;
      width: 1.217rem  /* 180/147.9 */;
      position: absolute;
      left: 6.7884rem  /* 1004/147.9 */;
      top: 0.1149rem  /* 17/147.9 */;

      &:before {
        position: absolute;
        left: 0.0473rem  /* 7/147.9 */;
        top: 0.0609rem  /* 9/147.9 */;
        content: '';
        display: inline-block;
        height: 0.0947rem  /* 14/147.9 */;
        width: 0.0947rem  /* 14/147.9 */;
        background: url("../img/topbar.png") no-repeat -9px -108px;
      }

      input {
        padding-left: 0.2028rem  /* 30/147.9 */;
        outline: none;
        height: 100%;
        border-radius: 0.1082rem  /* 16/147.9 */;
        border: none;
      }
    }

    button {
      height: 0.2164rem  /* 32/147.9 */;
      position: absolute;
      right: 1.33rem  /* 209/147.9 */;
      top: 0.1149rem  /* 17/147.9 */;
      border-radius: 16px;
      padding: 0 0.0676rem  /* 10/147.9 */;
      background-color: #282828;
      border: 1px solid #505050;
      color: #fff;
    }

    & > a {
      position: absolute;
      right: 1.1494rem  /* 170/147.9 */;
      top: 0.1758rem  /* 26/147.9 */;
      font-size: 12px;
    }
  }

  .m-subnav {
    background-color: #b71a16;
    position: relative;
    height: 0.2907rem  /* 43/147.9 */;

    ul {
      position: absolute;
      left: 2.7721rem  /* 410/147.9 */;
      height: 100%;

      li {
        height: 100%;
        display: inline-block;

        a {
          display: inline-block;
          height: 100%; // 43px
          padding: 0 0.1758rem  /* 26/147.9 */;

          em {
            display: inline-block;
            margin-top: 0.0541rem  /* 8/147.9 */;
            color: #fff;
            height: 0.1352rem  /* 20/147.9 */;
            font-size: 12px;
            padding: 0 0.0338rem  /* 5/147.9 */;
          }
        }
      }
    }
  }
}

.m-topbar-current {
  background-color: #000000;

  .cor {
    position: absolute;
    display: block;
    width: 0.0811rem  /* 12/147.9 */;
    height: 0.0473rem  /* 7/147.9 */;
    left: 0.3381rem  /* 50/147.9 */;
    transform: translateX(-50%);
    bottom: 0;
    background: url("../img/topbar.png") no-repeat -226px 0;
  }
}

.hot {
  position: absolute;
  right: -0.0609rem  /* -9/147.9 */;
  top: 0.1285rem  /* 19/147.9 */;
  display: block;
  width: 0.1758rem  /* 26/147.9 */;
  height: 0.0879rem  /* 13/147.9 */;
  background: url("../img/topbar.png") no-repeat -192px 0;
}

.n-ban {
  height: 2.2786rem  /* 337/147.9 */;
  position: relative;

  .focus {
    position: relative;
    float: left;
    overflow: hidden;
    width: 5.8621rem  /* 867/147.9 */;
    height: 2.2796rem  /* 337.16/147.9 */;
    & > a {
      position: absolute;
      text-align: center;
      line-height: 0.2705rem  /* 40/147.9 */;

      &:hover {
        background-color: #505050;
        color: #fff;
      }

      &:nth-child(1) {
        z-index: 9999;
        left: 0.1623rem  /* 24/147.9 */;
        top: 0.9466rem  /* 140/147.9 */;
        display: block;
        height: 0.2705rem  /* 40/147.9 */;
        width: 0.2028rem  /* 30/147.9 */;
        font-size: 25px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
      }

      &:nth-child(2) {
        z-index: 9999;
        left: 5.5443rem  /* 820/147.9 */;
        top: 0.9466rem  /* 140/147.9 */;
        display: block;
        height: 0.2705rem  /* 40/147.9 */;
        width: 0.2028rem  /* 30/147.9 */;
        font-size: 25px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
    }

    ul {
      position: absolute;
      left: 0;
      width: 5000px;
      li {

        float: left;
        img {
          width: 5.8621rem  /* 867/147.9 */;
        }
      }

    }

    ol {
      position: absolute;
      left: 1.8594rem  /* 275/147.9 */;
      top: 2.0284rem  /* 300/147.9 */;

      li {
        display: inline-block;
        cursor: pointer;
        height: 0.1352rem  /* 20/147.9 */;
        width: 0.1352rem  /* 20/147.9 */;
        &:hover {
          background: url("../img/banner.png") no-repeat -16px -343px;
        }
        a {
          display: inline-block;
          width: 100%;
          height: 100%;

        }
      }
    }
  }

  .download {
    position: relative;
    float: right;
    width: 2.4476rem  /* 362/147.9 */;
    height: 2.2786rem  /* 337/147.9 */;
    background: url("../img/download.png") no-repeat;
    background-size: 300px;

    a {
      left: 0.1555rem  /* 23/147.9 */;
      top: 1.4807rem  /* 219/147.9 */;
      position: absolute;
      width: 1.7174rem  /* 254/147.9 */;
      height: 0.4395rem  /* 65/147.9 */;
      z-index: 999;
    }

    p {
      position: absolute;
      top: 2.0216rem  /* 299/147.9 */;
      padding-left: 0.2028rem  /* 30/147.9 */;
      font-size: 13px;
    }
  }

}

.circle-no-current {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("../img/banner.png") no-repeat 3px -343px;
}

.circle-current {
  background: url("../img/banner.png") no-repeat -16px -343px;
}

.main {
  width: 7.8905rem  /* 1167/147.9 */;
  background-color: #fff;
  overflow: hidden;

  .main-left {
    width: 5.8621rem  /* 867/147.9 */;
    border: 1px solid #d2d2d2;
    float: left;

    .popular-recommendation {
      margin: 0.2028rem  /* 30/147.9 */ 0.169rem  /* 25/147.9 */ 0rem  /* 0/147.9 */;
      position: relative;

      .popular-recommendation-head {
        height: 0.284rem  /* 42/147.9 */;
        overflow: hidden;
        border-bottom: 2px solid red;

        h4 {
          position: relative;
          display: inline-block;
          height: 0.284rem  /* 42/147.9 */;
          width: 0.8114rem  /* 120/147.9 */;
          font-size: 20px;
          overflow: hidden;

          span {
            width: 0.5409rem  /* 80/147.9 */;
            display: inline-block;
            position: absolute;
            left: 0.2096rem  /* 31/147.9 */;
            top: 0.0676rem  /* 10/147.9 */;
            font-weight: 400;
          }

          &:before {
            margin-top: 0.0676rem  /* 10/147.9 */;
            content: '';
            display: inline-block;
            height: 0.2231rem  /* 33/147.9 */;
            width: 0.2231rem  /* 33/147.9 */;
            background: url("../img/index.png") no-repeat -225px -156px;
          }
        }

        ul {
          margin-left: 0.0676rem  /* 10/147.9 */;
          height: 100%;
          display: inline-block;
          padding-top: 0.0947rem  /* 14/147.9 */;

          li {
            padding: 0 0.0676rem  /* 10/147.9 */;
            height: 0.0947rem  /* 14/147.9 */;
            font-size: 14px;
            float: left;

            &:nth-child(2n) {
              margin-top: 0.0338rem  /* 5/147.9 */;
              padding: 0;
              width: 1px;
              background-color: #d1d1d1;
            }
          }
        }

        & > span {
          display: inline-block;
          position: absolute;
          right: 0;
          margin-top: 0.0676rem  /* 10/147.9 */;

          &:after {
            content: '';
            width: 0.0811rem  /* 12/147.9 */;
            height: 0.0811rem  /* 12/147.9 */;
            display: inline-block;
            margin-left: 0.027rem  /* 4/147.9 */;
            background: url("../img/index.png") no-repeat 0 -240px;
          }
        }
      }

      .popular-recommendation-body {
        margin-top: 0.0676rem  /* 10/147.9 */;

        ul {
          display: flex;
          flex-wrap: wrap;

          li {
            padding: 0 0.2028rem  /* 30/147.9 */;
            flex: 25%;
            position: relative;
            margin-top: 0.0676rem  /* 10/147.9 */;

            img {

            }

            & > a {
              display: block;
              width: 0.9466rem  /* 140/147.9 */;
              font-size: 14px;
            }

            .popular-recommendation-body-bottom {
              width: 0.9466rem  /* 140/147.9 */;
              height: 0.1826rem  /* 27/147.9 */;
              position: absolute;
              left: 0.2028rem  /* 30/147.9 */;
              top: 0.764rem  /* 113/147.9 */;
              background: url("../img/coverall.png") no-repeat 0 -537px;
              line-height: 0.1826rem  /* 27/147.9 */;

              .span1 {
                display: inline-block;
                width: 0.0947rem  /* 14/147.9 */;
                height: 0.0744rem  /* 11/147.9 */;
                margin-left: 0.0338rem  /* 5/147.9 */;
                background: url("../img/iconall.png") no-repeat 0 -24px;
              }

              .span2 {
                color: #cbcbcb;
                font-size: 12px;
              }

              & > a {
                left: 0.7708rem  /* 114/147.9 */;
                bottom: 0.027rem  /* 4/147.9 */;
                position: absolute;
                display: block;
                width: 0.1082rem  /* 16/147.9 */;
                height: 0.1149rem  /* 17/147.9 */;
                background: url("../img/iconall.png") no-repeat 0 0;

              }
            }
          }
        }
      }
    }

    .new-discs-on-shelves {
      position: relative;
      margin: 0.2028rem  /* 30/147.9 */ 0.169rem  /* 25/147.9 */ 0rem  /* 0/147.9 */;

      .new-discs-on-shelves-head {
        height: 0.284rem  /* 42/147.9 */;
        overflow: hidden;
        border-bottom: 2px solid red;

        h4 {
          position: relative;
          display: inline-block;
          height: 0.284rem  /* 42/147.9 */;
          width: 0.8114rem  /* 120/147.9 */;
          font-size: 20px;
          overflow: hidden;

          span {
            width: 0.5409rem  /* 80/147.9 */;
            display: inline-block;
            position: absolute;
            left: 0.2096rem  /* 31/147.9 */;
            top: 0.0676rem  /* 10/147.9 */;
            font-weight: 400;
          }

          &:before {
            margin-top: 0.0676rem  /* 10/147.9 */;
            content: '';
            display: inline-block;
            height: 0.2231rem  /* 33/147.9 */;
            width: 0.2231rem  /* 33/147.9 */;
            background: url("../img/index.png") no-repeat -225px -156px;
          }
        }

        & > span {
          display: inline-block;
          position: absolute;
          right: 0;
          margin-top: 0.0676rem  /* 10/147.9 */;

          &:after {
            content: '';
            width: 0.0811rem  /* 12/147.9 */;
            height: 0.0811rem  /* 12/147.9 */;
            display: inline-block;
            margin-left: 0.027rem  /* 4/147.9 */;
            background: url("../img/index.png") no-repeat 0 -240px;
          }
        }
      }

      .new-discs-on-shelves-body {
        .new-discs-box {
          position: relative;
          margin-top: 0.1826rem  /* 27/147.9 */;
          width: 100%;
          height: 1.3523rem  /* 200/147.9 */;
          background-color: #f5f5f5;
          border: 1px solid #d2d2d2;

          .new-discs-box-arrow-left {
            display: block;
            position: absolute;
            width: 0.1149rem  /* 17/147.9 */;
            height: 0.1149rem  /* 17/147.9 */;
            background: url("../img/index.png") no-repeat -260px -75px;
            left: 0.0676rem  /* 10/147.9 */;
            top: 50%;
            transform: translateY(-50%);

            &:hover {
              background-position: -280px -75px;
            }
          }

          .new-discs-box-arrow-right {
            display: block;
            position: absolute;
            width: 0.1149rem  /* 17/147.9 */;
            height: 0.1149rem  /* 17/147.9 */;
            background: url("../img/index.png") no-repeat -300px -75px;
            right: 0.0676rem  /* 10/147.9 */;
            top: 50%;
            transform: translateY(-50%);

            &:hover {
              background-position: -320px -75px;
            }
          }

          & > div {
            position: absolute;
            height: 1.0142rem  /* 150/147.9 */;
            width: 4.3611rem  /* 645/147.9 */;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);

            ul {
              display: flex;

              li {
                flex: 20%;
                width: 0.7978rem  /* 118/147.9 */;
                position: relative;

                & > a {
                  position: absolute;
                  right: 0.2096rem  /* 31/147.9 */;
                  bottom: 0.2569rem  /* 38/147.9 */;
                  width: 0.1487rem  /* 22/147.9 */;
                  height: 0.1487rem  /* 22/147.9 */;
                  background: url("../img/iconall.png") no-repeat 0 -85px;
                }

                img {
                  margin-top: 0.1352rem  /* 20/147.9 */;
                }

                p {
                  font-size: 12px;
                  width: 0.6761rem  /* 100/147.9 */;
                  /*1. 强制一行显示文本*/
                  white-space: nowrap; /* 默认为normal换行*/
                  /*2. 超出部分隐藏*/
                  overflow: hidden;
                  /*3. 文本用省略号替代超出的文本*/
                  text-overflow: ellipsis;
                }

                & > span {
                  a {
                    font-size: 12px;
                    display: block;
                    width: 0.6761rem  /* 100/147.9 */;
                    /*1. 强制一行显示文本*/
                    white-space: nowrap; /* 默认为normal换行*/
                    /*2. 超出部分隐藏*/
                    overflow: hidden;
                    /*3. 文本用省略号替代超出的文本*/
                    text-overflow: ellipsis;
                  }
                }
              }
            }
          }
        }

      }
    }

    .list {
      margin: 0.2028rem  /* 30/147.9 */ 0.169rem  /* 25/147.9 */ 0rem  /* 0/147.9 */;
      position: relative;

      .list-head {
        height: 0.284rem  /* 42/147.9 */;
        overflow: hidden;
        border-bottom: 2px solid red;

        h4 {
          position: relative;
          display: inline-block;
          height: 0.284rem  /* 42/147.9 */;
          width: 0.8114rem  /* 120/147.9 */;
          font-size: 20px;
          overflow: hidden;

          span {
            width: 0.5409rem  /* 80/147.9 */;
            display: inline-block;
            position: absolute;
            left: 0.2096rem  /* 31/147.9 */;
            top: 0.0676rem  /* 10/147.9 */;
            font-weight: 400;
          }

          &:before {
            margin-top: 0.0676rem  /* 10/147.9 */;
            content: '';
            display: inline-block;
            height: 0.2231rem  /* 33/147.9 */;
            width: 0.2231rem  /* 33/147.9 */;
            background: url("../img/index.png") no-repeat -225px -156px;
          }
        }

        & > span {
          display: inline-block;
          position: absolute;
          right: 0;
          margin-top: 0.0676rem  /* 10/147.9 */;

          &:after {
            content: '';
            width: 0.0811rem  /* 12/147.9 */;
            height: 0.0811rem  /* 12/147.9 */;
            display: inline-block;
            margin-left: 0.027rem  /* 4/147.9 */;
            background: url("../img/index.png") no-repeat 0 -240px;
          }
        }
      }

      .list-body {
        margin-top: 0.1352rem  /* 20/147.9 */;
        margin-bottom: 0.1352rem  /* 20/147.9 */;

        dl {
          float: left;
          background-color: pink;
          border-bottom: 1px solid #c7c6c6;
          //border-left: 1px solid #c7c6c6;
          border-right: 1px solid #c7c6c6;
          border-top: 1px solid #c7c6c6;

          &:nth-child(1) {
            border-left: 1px solid #c7c6c6;
          }

          dt {
            width: 1.8256rem  /* 270/147.9 */;
            height: 0.8114rem  /* 120/147.9 */;
            padding: 0.1352rem  /* 20/147.9 */ 0 0 0.1285rem  /* 19/147.9 */;
            background-color: #f4f4f4;

            .div-01 {
              display: inline-block;
              float: left;
              height: 0.5409rem  /* 80/147.9 */;
              width: 0.5409rem  /* 80/147.9 */;

              img {
                width: 100%;
                height: 100%;
              }
            }

            .div-02 {
              margin-left: 0.0879rem  /* 13/147.9 */;
              display: inline-block;
              width: 0.7843rem  /* 116/147.9 */;
              float: left;

              h3 {
                font-size: 14px;
              }

              a {
                display: inline-block;
                margin-right: 0.0541rem  /* 8/147.9 */;
                margin-top: 0.0676rem  /* 10/147.9 */;

                &:nth-of-type(1) {
                  width: 0.1487rem  /* 22/147.9 */;
                  height: 0.1487rem  /* 22/147.9 */;
                  background: url("../img/index.png") no-repeat -267px -205px;
                }

                &:nth-of-type(2) {
                  width: 0.1487rem  /* 22/147.9 */;
                  height: 0.1487rem  /* 22/147.9 */;
                  background: url("../img/index.png") no-repeat -300px -205px;
                }
              }
            }
          }

          dd {
            ol {
              li {
                position: relative;
                height: 0.2164rem  /* 32/147.9 */;
                background-color: #e7e7e7;
                padding: 0 0.1352rem  /* 20/147.9 */;
                line-height: 0.2164rem  /* 32/147.9 */;

                & > span {
                  margin-right: 0.0676rem  /* 10/147.9 */;
                }

                & > a {
                  color: #000;
                  font-size: 13px;
                }

                div {
                  display: none;
                  position: absolute;
                  width: 0.5409rem  /* 80/147.9 */;
                  right: 0;
                  top: 0.0541rem  /* 8/147.9 */;
                  height: 0.1352rem  /* 20/147.9 */;

                  a {
                    &:nth-child(1) {
                      float: left;
                      width: 0.1149rem  /* 17/147.9 */;
                      height: 0.1149rem  /* 17/147.9 */;
                      display: inline-block;
                      background: url("../img/index.png") no-repeat -267px -268px;
                      margin-right: 0.0338rem  /* 5/147.9 */;
                    }

                    &:nth-child(2) {
                      float: left;
                      width: 0.1149rem  /* 17/147.9 */;
                      height: 0.1149rem  /* 17/147.9 */;
                      display: inline-block;
                      background: url("../img/icon.png") no-repeat 0 -700px;
                      margin-right: 0.0338rem  /* 5/147.9 */;
                    }

                    &:nth-child(3) {
                      float: left;
                      width: 0.1149rem  /* 17/147.9 */;
                      height: 0.1149rem  /* 17/147.9 */;
                      display: inline-block;
                      background: url("../img/index.png") no-repeat -297px -288px;
                    }
                  }

                }

                &:nth-child(2n) {
                  background-color: #f4f4f4;
                }
              }

              .the_last {
                position: relative;

                a {
                  position: absolute;
                  right: 0.1352rem  /* 20/147.9 */;
                }
              }
            }
          }
        }
      }
    }
  }

  .main-right {
    float: right;
    width: 2.0284rem  /* 300/147.9 */;

    .main-right-login {
      position: relative;
      background-color: #e4e4e4;
      height: 0.8519rem  /* 126/147.9 */;

      p {
        position: absolute;
        left: 0.3178rem  /* 47/147.9 */;
        top: 0.1826rem  /* 27/147.9 */;
        width: 1.3861rem  /* 205/147.9 */;
        font-size: 12px;
      }

      button {
        outline: none;
        border: none;
        position: absolute;
        left: 0.6423rem  /* 95/147.9 */;
        top: 0.4665rem  /* 69/147.9 */;
        width: 0.6761rem  /* 100/147.9 */;
        height: 0.2096rem  /* 31/147.9 */;
        background: url("../img/index.png") no-repeat 0 -195px;
      }
    }

    .main-right-residentSinger {
      h3 {
        width: 1.6903rem  /* 250/147.9 */;
        margin: 0 auto;
        margin-top: 0.0676rem  /* 10/147.9 */;
        font-size: 12px;
        text-align: center;
        height: 0.1623rem  /* 24/147.9 */;
        line-height: 0.1623rem  /* 24/147.9 */;
        border-bottom: 1px solid #cbcbcb;
        span {
          float: left;
          color: #333;
        }

        a {
          float: right;
          color: #666;
        }
      }
      ul {
        width: 1.6903rem  /* 250/147.9 */;
        margin: 0 auto;
        margin-top: 0.0676rem  /* 10/147.9 */;
        li {
          margin-bottom: 0.1352rem  /* 20/147.9 */;
          background-color: #f4f4f4;
          border: 1px solid #e9e9e9;
          width: 1.6903rem  /* 250/147.9 */;
          height: 0.4327rem  /* 64/147.9 */;
          a {
            display: block;
            width: 100%;
            height: 100%;
            .residentSinger-left {
              height: 0.4192rem  /* 62/147.9 */;
              width: 0.4192rem  /* 62/147.9 */;
              float: left;
              img {
                width: 100%;
                height: 100%;
              }
            }
            .residentSinger-right {
              padding-left: 0.0676rem  /* 10/147.9 */;
              height: 0.4192rem  /* 62/147.9 */;
              //width: 1.2576rem  /* 186/147.9 */;
              width: 1.2rem  /* 186/147.9 */;
              float: left;
              h4 {
                color: #333;
                font-size: 14px;
              }
              p {
                margin-top: 0.1014rem  /* 15/147.9 */;
                color: #666;
                font-size: 12px;
                width: 0.8114rem  /* 120/147.9 */;
                /*1. 强制一行显示文本*/
                white-space: nowrap; /* 默认为normal换行*/
                /*2. 超出部分隐藏*/
                overflow: hidden;
                /*3. 文本用省略号替代超出的文本*/
                text-overflow: ellipsis;
              }
            }
          }
        }
      }
      button {
        outline: none;
        margin: 0 auto;
        display: block;
        width: 1.4199rem  /* 210/147.9 */;
        height: 0.2096rem  /* 31/147.9 */;
        line-height: 0.2164rem  /* 32/147.9 */;
        font-size: 12px;
        color: #333;
        border: 1px solid #cdcccc;
        border-radius: 4px;
        &:hover {
          box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.3) ;
          background-color: #F1E5E5FF;
        }
      }
    }
    .main-right-popularAnchors {
      margin-top: 0.2028rem  /* 30/147.9 */;
      h3 {
        width: 1.6903rem  /* 250/147.9 */;
        margin: 0 auto;
        margin-top: 0.0676rem  /* 10/147.9 */;
        font-size: 12px;
        text-align: center;
        height: 0.1623rem  /* 24/147.9 */;
        line-height: 0.1623rem  /* 24/147.9 */;
        border-bottom: 1px solid #cbcbcb;
        span {
          float: left;
          color: #333;
        }
      }
      ul {
        width: 1.6903rem  /* 250/147.9 */;
        margin: 0 auto;
        li {
          margin-top: 0.0676rem  /* 10/147.9 */;
          width: 1.6903rem  /* 250/147.9 */;
          height: 0.2705rem  /* 40/147.9 */;
          a {
            display: block;
            width: 100%;
            height: 100%;
            .popularAnchors-left {
              float: left;
            }
            .popularAnchors-right {
              padding-left: 0.0676rem  /* 10/147.9 */;
              float: left;
              height: 100%;
              width: 1.1494rem  /* 170/147.9 */;
              h4 {
                color: #000;
                font-size: 12px;
                font-weight: 400;
              }
              p {
                margin-top: 0.0473rem  /* 7/147.9 */;
                color: #666;
                font-size: 12px;
                width: 0.9804rem  /* 145/147.9 */;
                /*1. 强制一行显示文本*/
                white-space: nowrap; /* 默认为normal换行*/
                /*2. 超出部分隐藏*/
                overflow: hidden;
                /*3. 文本用省略号替代超出的文本*/
                text-overflow: ellipsis;
              }
            }
          }
        }
      }
    }
  }
}

.page_bottom {
  width: 100%;
  background-color: #f2f1f1;
  border-top: 1px solid #d2d2d2;

  .page_bottom-box {
    width: 7.8905rem  /* 1167/147.9 */;
    height: 1.2847rem  /* 190/147.9 */;


    .page_bottom-box-left {
      float: left;
      margin-top: 0.1961rem  /* 29/147.9 */;
      margin-left: 0.0676rem  /* 10/147.9 */;

      p {
        margin-top: 0.0676rem  /* 10/147.9 */;
        font-size: 12px;
      }
    }

    .page_bottom-box-right {
      margin-left: 0.879rem  /* 130/147.9 */;
      margin-top: 0.3313rem  /* 49/147.9 */;
      float: left;

      ul {
        li {
          width: 0.5409rem  /* 80/147.9 */;
          float: left;
          margin-right: 0.2028rem  /* 30/147.9 */;
          text-align: center;

          a {
            margin: 0 auto 0.0676rem  /* 10/147.9 */;
          }

          p {
            display: inline-block;
            text-align: center;
            line-height: 0.0947rem  /* 14/147.9 */;
            width: 0.3516rem  /* 52/147.9 */;
          }

          &:nth-child(1) {
            a {
              display: block;
              width: 0.3381rem  /* 50/147.9 */;
              height: 0.3043rem  /* 45/147.9 */;
              background: url("../img/foot_enter_new.png") no-repeat -63px -456.5px;
              background-size: 110px 552px;
            }

            p {
              width: 0.4868rem  /* 72/147.9 */;
              height: 0.0947rem  /* 14/147.9 */;
              background: url("../img/foot_enter_tt.png") no-repeat 0 -108px;
              background-size: 180px 139px;
            }
          }

          &:nth-child(2) {
            a {
              display: block;
              width: 0.3381rem  /* 50/147.9 */;
              height: 0.3043rem  /* 45/147.9 */;
              background: url("../img/foot_enter_new.png") no-repeat -63px -101px;;
              background-size: 110px 552px;
            }

            p {
              height: 0.0947rem  /* 14/147.9 */;
              background: url("../img/foot_enter_tt.png") no-repeat -1px -91px;
              background-size: 180px 139px;
            }
          }

          &:nth-child(3) {
            a {
              display: block;
              width: 0.3381rem  /* 50/147.9 */;
              height: 0.3043rem  /* 45/147.9 */;
              background: url("../img/foot_enter_new.png") no-repeat 0 0;
              background-size: 110px 552px;
            }

            p {
              height: 0.0947rem  /* 14/147.9 */;
              background: url("../img/foot_enter_tt.png") no-repeat 0 0;
              background-size: 180px 139px;
            }
          }

          &:nth-child(4) {
            a {
              display: block;
              width: 0.3381rem  /* 50/147.9 */;
              height: 0.3043rem  /* 45/147.9 */;
              background: url("../img/foot_enter_new.png") no-repeat -60px -50px;;
              background-size: 110px 552px;
            }

            p {
              height: 0.0947rem  /* 14/147.9 */;
              background: url("../img/foot_enter_tt.png") no-repeat 0 -54px;
              background-size: 180px 139px;
            }
          }

          &:nth-child(5) {
            a {
              display: block;
              width: 0.3381rem  /* 50/147.9 */;
              height: 0.3043rem  /* 45/147.9 */;
              background: url("../img/foot_enter_new.png") no-repeat 0 -101px;
              background-size: 110px 552px;
            }

            p {
              height: 0.0947rem  /* 14/147.9 */;
              background: url("../img/foot_enter_tt.png") no-repeat -1px -72px;
              background-size: 180px 139px;
            }
          }
        }
      }
    }
  }
}

.to_top {
  position: fixed;
  width: 75px;
  height: 50px;
  right: 0.6761rem  /* 100/147.9 */;
  bottom: 0.6761rem  /* 100/147.9 */;
  background-color: #ADD96BFF;
  text-align: center;
  line-height: 50px;
  display: none;
  &:hover {
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
  }
}






